{% extends 'base.html' %}

{% block styles %}
  {{ block.super }}
  <link rel="stylesheet" type="text/css" title="style" href="{{ STATIC_URL }}css/profile.css" />
{% endblock %}

{% block content %}
  <div id="profile_content">
    <h1 id="nickname">{{ user.name }}</h1>
    <div id="user_data">
       <img id="avatar" src="{{ user.avatar.url }}" alt="" />
      <div id="info">
	    <p><span>E-mail:</span> {{ user.email }}</p>
        <p><span>Рейтинг участника:</span> {{ user.participation_raiting }}</p>
        <p><span>Рейтинг организатора:</span> {{ user.organization_raiting }}</p>
        <p><span>Ваши города: </span>
         {% for city in user.cities.all %}{% if forloop.counter != 1 %}, {% endif %}{{ city.name }}{% empty %}
           Извините, но вы не выбрали ни одного города.
         {% endfor %}
        </p>
	    <a id="profile_edit" class="btn gray" href="{% url core.views.profile.edit %}">Редактировать</a>
	  </div>
	  
	  <div id="event_info">
        <ul id="event_participate">
		  <li class="title">Участвую в</li>
          {% for event in user.participate_in_events.all %}
            <li class="event"><a href="{% url core.views.event.details event.id %}">{{ event.name }}</a></li>
          {% empty %}
            <li class="event">Вы не участвуете в мероприятиях.</li>
          {% endfor %}
        </ul>
	
        <ul id="event_organized">
		  <li class="title">Организую</li>
          {% for event in user.organized_events.all %}
            <li class="event"><a href="{% url core.views.event.details event.id %}">{{ event.name }}</a></li>
          {% empty %}
            <li class="event">Вы не организуете мероприятия.</li>
          {% endfor %}
        </ul>   
      </div>
    </div>

	  <div id="recommendation">
	    <h2 id="recommendation_title">Рекомендуемые мероприятия</h2>
	    <ul>
	    {% if recomendations_by_cost %}
	    	<li class="li_header">По стоимости:</li>
	    {% endif %}
	    {% for event in recomendations_by_cost %}
	    	<li><a href="{% url core.views.event.details event.id %}">{{ event }}</a></li>
	    {% empty %}
	    {% endfor %}
	    </ul>
	    <ul>
	    {% if recomendations_by_cost %}
	    	<li class="li_header">По популярности:</li>
	    {% endif %}
	    {% for event in recomendations_by_participants %}
	    	<li><a href="{% url core.views.event.details event.id %}">{{ event }}</a></li>
    	{% empty %}
	    {% endfor %}
	    {% if not recomendations_by_cost and not recomendations_by_participants %}
	      К сожалению, на данный момент сервис не может порекомендовать вам мероприятия.<br />
	      Попробуйте <a href="{% url core.views.profile.edit %}">добавить города</a> в свой список или принять участие в <a href="{% url core.views.event.list %}">мероприятиях</a>.
	    {% endif %}
	  </div>
  </div>
{% endblock %}
